<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>我的购物袋</title>
    <link rel="stylesheet" href="http://localhost/firstprojectyougou2/dist/css/cart.min.css">
</head>
<body>
    <!-- 第一行 -->
    <div class="header">
        <div class="head">
            <ul class="Left-ul">
                <li class="li1">
                    关注
                    <img src="http://pcs1.ygimg.cn/template/common/images/weChat.jpg" alt="">
                </li>
                <li class="li2">
                    下载APP
                    <img src="	http://pcs2.ygimg.cn/template/common/images/app.jpg" alt="">
                </li>
            </ul>
            <ul class="Right-ul">
                <li>
                    <a href="http://localhost/firstprojectyougou2/dist/html/login.html">登陆</a> / <a href="http://localhost/firstprojectyougou2/dist/html/sign.html">注册</a>
                </li>
                <li>
                    <a href="#"></span> <span>收藏</span></a>
                </li>
                <li>
                    <a href="#"> <span class="iconfont icon-wodedingdan"></span> <span>购物袋</span></a>
                </li>
                <li>
                    <a href="##">公告</a>
                </li>
            </ul>
        </div>
    </div>


    <!-- 进度条 -->
    <div id="cart-top">
        <p>
            <a href="http://localhost/firstprojectyougou2/dist/index.html"><img src="../img/cart-logo.png" alt="">
                <img src="../img/cart-txt.png" alt=""></a>
            
        </p>
        <ul>
            <li class="li1">我的购物袋</li>
            <li>提交订单中心</li>
            <li>成功提交订单</li>
        </ul>
    </div>
    <!-- 购物车 -->
    <div id="card-good">
        <div class="good-inner">
            <div class="good-left">
                <!-- <a href="http://localhost/firstprojectyougou2/dist/index.html"></a> -->
                <img src="../img/cart-car.png" alt="">
            </div>
            <div class="good-right">
                <p>您的购物车中暂无商品，赶快选择心爱的商品吧！</p>
                <button class="go-index"><a href="http://localhost/firstprojectyougou2/dist/index.html">回到首页</a></button>
                <p>您可以：</p>
                <p>查看我的收藏夹</p>
                <p>查看我已购买的商品</p>
            </div>
        </div>


        <!-- <div class="first">
            <table>
                <tr class="tr1">
                    <td><input type="checkbox">全选</td>
                    <td>商品名称</td>
                    <td>颜色尺码</td>
                    <td>单价</td>
                    <td>数量</td>
                    <td>小计（元）</td>
                    <td>操作</td>
                </tr>
            </table>
        </div>
           添加商品
        <ul>
            <li>
                <span><input type="checkbox"></span>
                <span><img src="../img/cart-good01.jpg"></span>
            </li>
            <li>百思图2022冬季新款商场同款潮流拼接厚底老兹鞋女休闲鞋WTXO2DD2</li>
            <li>
                <p>颜色:米白/黑</p>
                <p>尺码:36</p>
            </li>
            <li>585</li>
            <li>
                <span><a href="javascript:;" class="minus">-</a></span>
				<input type="text" name="" id="" value="1">
				<a href="javascript:;" class="plus">+</a>
            </li>
            <li>585</li>
            <li>
                <p>移入收藏夹</p>
                <p><a href="javascript:;" class="del">删除</a></p>
            </li>
        </ul>
           
        <div class="wrap">
            <span>
                <input type="checkbox">全选
            </span>
            <span>移入收藏夹</span>
            <span><a href="javascript:;">删除</a></span>
        </div>
        <div class="pay">
                <button class="shopping">继续购物</button>
                <button class="cls">清空购物袋</button>
                <span>总计（不含运费 ）：<b>¥585</b></span>
                <input type="button" class="payment" value="去结算">
        </div> -->
    </div>
    <!-- 提示信息 -->
    <div id="card-message">
        <p>购物保障：100%正品10天退换货10天补差价</p>
        <p>优惠券/礼品卡在下一步使用</p>
        <p>帮助我们改进购物流程</p>
    </div>
    <h3>购买了您购物袋中商品的顾客还买了</h3>
    <!-- 推荐商品 -->
    <div id="cart-recommend">
        <div class="top">第1页，共 0 页</div>
        <div class="recommend-inner">
            <div class="left"><a href="javascript:;">&lt;</a></div>
            <!-- 推荐商品信息 -->
            <div class="center">
                <div class="good">
                    <p><a href="http://localhost/firstprojectyougou2/dist/html/goodDetail.html"><img src="../img/cart-good01.jpg" alt=""></a></p>
                    <p>百丽2021女时尚帅气厚底运动</p>
                    <p>风休闲老爹鞋B0342BM1</p>
                    <p>
                        <span class="new">￥<b>447</b></span>
                        <span class="old"><del>999</del></span>
                    </p>
                </div>
                <div class="good">
                    <p><a href="http://localhost/firstprojectyougou2/dist/html/goodDetail.html"><img src="../img/cart-good02.jpg" alt=""></a></p>
                    <p>百丽复古悠悠鞋板鞋男春夏新</p>
                    <p>款软底潮流休闲小白鞋</p>
                    <p>
                        <span class="new">￥<b>377</b></span>
                        <span class="old"><del>1099</del></span>
                    </p>
                </div>
            </div>
            <div class="right"><a href="javascript:;">&gt;</a></div>
        </div>
    </div>
    <!-- 底部 -->
    <div id="cart-footer">
        <p>Copyright © 2011-2014 Yougou Technology Co., Ltd. 粤ICP备09070608号-4 增值电信业务经营许可证：粤 B2-20090203</p>
    </div>
    <script src="http://localhost/firstprojectyougou2/dist/js/cart.min.js"></script>
    <!-- <script src="../js/cart.js"></script> -->
</body>
</html>